<html>
    <head>
        <meta charset="utf-8">
        <title>相册</title> 
        <link rel="stylesheet"href="index.css">   

        <link rel="stylesheet"href="libs/fancybox/jquery.fancybox.css">
        <link rel="stylesheet"href="libs/fancybox/helpers/jquery.fancybox-buttons.css">
         <link rel="stylesheet"href="libs/fancybox/helpers/jquery.fancybox-buttons.css">

    </head>


    <body>

        <!--div[style="background-image:url(image/$.jpg)"]*n     连续出现n个-->

        <div id="xc">
            <div style="background-image:url(image/0.jpg)">
                <a href="image/0.jpg" rel="photo">图0</a>
            </div>
            <div style="background-image:url(image/1.jpg)">
                <a href="image/1.jpg" rel="photo">图1</a>
            </div>
            <div style="background-image:url(image/2.jpg)">
                <a href="image/2.jpg" rel="photo">图2</a>
            </div>
            <div style="background-image:url(image/3.jpg)">
                <a href="image/3.jpg" rel="photo">图3</a>
            </div>
            <div style="background-image:url(image/4.jpg)">
                <a href="image/4.jpg" rel="photo">图4</a>
            </div>
            <div style="background-image:url(image/5.jpg)">
                <a href="image/5.jpg" rel="photo">图5</a>
            </div>
            <div style="background-image:url(image/6.jpg)">
                <a href="image/6.jpg" rel="photo">图6</a>
            </div>
            <div style="background-image:url(image/7.jpg)">
                <a href="image/7.jpg" rel="photo">图7</a>
            </div>
            <div style="background-image:url(image/8.jpg)">
                <a href="image/8.jpg" rel="photo">图8</a>
            </div>
            <div style="background-image:url(image/9.jpg)">
                <a href="image/9.jpg" rel="photo">图9</a>
            </div>
        </div>


    </body>

    <script src="libs/jquery.js"></script>

    <script src="libs/fancybox/jquery.fancybox.js"></script>

    <script src="libs/fancybox/jquery.fancybox-buttons.js"></script>
    <script src="libs/fancybox/jquery.fancybox-thumbs.js"></script>

    <script src="index.js"></script>


</html>